<?php

	$camara = $HTTP_GET_VARS["camara"];
	if ( $camara == 0 ) $camara =1;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>traffiCVision</title>
<link href="css/master.css" rel="stylesheet" type="text/css" />
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />

<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->
<!--[if lte IE 7]>
<link type='text/css' href='css/style_ie7.css' rel='stylesheet' />
<![endif]-->

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
</head>

<body>
<div id="basic-modal-content-about">
	<h3 style="margin-bottom: 15px;">About</h3>
	<p style="line-height:20px; margin-bottom:10px;">TrafficVision es una prueba de concepto presentada al concurso de <a target="_blank" href="http://abredatos.es/">AbreDatos 2010</a>.
	En él se pretende denunciar la opacidad de los datos públicos, cuando deberían ser datos accesibles para todo el ciudadano.</p>
	<p style="line-height:20px; margin-bottom:10px;">TrafficVision toma las imágenes que provee la DGT (sin información en texto de ningún tipo), realiza un análisis sobre ellas
	para extraer información sobre el nivel de tráfico, y la presenta sobre un mapa de Google con un formato más amable para el usuario.
	</p>
    	<p style="line-height:20px; margin-bottom:10px;">Los integrantes de TrafficVision somos 
        <ul>Victor Gaspar Martín</ul>
			<li>Enrique López Mañas</li>
			<li>Patricia Mateos Romero</li>
	</p>
    	<p style="line-height:20px; margin-bottom:10px;">Se puede acceder al código fuente en <a target="_blank" href="http://code.google.com/p/traffic-vision">Nuestro repositorio</a>
	</p>
</div>
<div id="basic-modal-content-manual">
	<h3>Manual</h3>
	<p style="line-height:20px; margin-bottom:10px;">Puedes acceder a cada una de las cámaras pinchando en los enlaces de la izquierda. El mapa se actualizará, mostrando información
	en tiempo real del estado de las cámaras.</p></br></br>
	<p style="line-height:20px; margin-bottom:10px;">TrafficVision, como prueba de concepto, analiza el tráfico de la A-1 en un tramo concreto. Cada una de las 
	cámaras corresponde a uno de los siguientes tramos:</p></br></br>
		
			<ul>PK 30,800 Urbaniz. Valdelagua (San Agustín de Guadalix).</ul>
			<li>PK 34,005 Enlace M-104 (S.A. de Guadalix a Colmenar Viejo)</li>
			<li>PK 36,620 Acceso Norte a San Agustín de Guadalix</li>
			<li>PK 37,900 San Agustín de Guadalix (Zona Norte)</li>
			<li>PK 43,300 Urbaniz. Vistasierra (Acceso a Pedrezuela)</li>
			<li>PK 43,300 Urbaniz. Vistasierra (Acceso a Pedrezuela)</li>
		
	
</div>
<div id="line"></div>
<div id="edificio">
<div id="wrapper">
	<div id="col-left">
    	<img src="img/structure/top-menu.gif" width="235" height="216" alt="Cámaras" /><div id="camaras">
        
			<ul>
            	<li class="<?php if ( $camara == 1) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=1" title="Cámara1">Cámara 1</a></li>
            	<li class="<?php if ( $camara == 2) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=2" title="Cámara2">Cámara 2</a></li>
            	<li class="<?php if ( $camara == 3) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=3" title="Cámara3">Cámara 3</a></li>
            	<li class="<?php if ( $camara == 4) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=4" title="Cámara4">Cámara 4</a></li>
            	<li class="<?php if ( $camara == 5) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=5" title="Cámara5">Cámara 5</a></li>
            	<li class="<?php if ( $camara == 6) { ?>selected<?php } else { ?>no-border<?php }?>"><a href="index.php?camara=6" title="Cámara6">Cámara 6</a></li>
            	
            
            </ul>
            <p class="clear-left"></p>
        </div>
        <p class="leyenda">&copy;2010 copyright. All rights reserved. </p>
    </div>
    <div id="col-right">
    	<div id="header">
        	<a href="index.html" title="Inicio"><img src="img/structure/logo.gif" id="logo" width="223" height="96" alt="traffiCVision" /></a>
        </div>
        <div id="content">
        	<!-- Dentro del div #mapa es donde debeis meter el código del google maps para que se vea el mapa-->
        	<div id="mapa">
            	<!--<img src="img/structure/map.jpg" width="639" height="397" alt="Mapa" />-->
               <?php if ( $camara == 1) { ?>
                <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_30800.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.648508,-3.596606&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
			   
			   <?php } else if ( $camara == 2) {  ?>
			   <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_34005.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.673152,-3.611326&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
			   <?php } else if ( $camara == 3) {  ?>
                <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_36620.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.688057,-3.604631&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
                 <?php } else if ( $camara == 4) {  ?>
                 <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_37900.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.703936,-3.584375&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
                <?php } else if ( $camara == 5) {  ?>
                  <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_43300.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.735258,-3.567273&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
                <?php } else if ( $camara == 6) {  ?>
			    <iframe width="639" height="397" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=http:%2F%2Fwww.trafficvision.net%2Fkml%2FA1_45600.kml&amp;sll=50.775466,6.081478&amp;sspn=0.19409,0.543823&amp;ie=UTF8&amp;ll=40.746541,-3.577144&amp;spn=0.500003,0.500003&amp;output=embed"></iframe>
			    <?php }  ?>
            </div>
            <div id="menu">
            	<img src="img/structure/menu.png" width="163" height="144" alt="Menu" usemap="#mainMenu" />
                <map name="mainMenu" id="mainMenu">
                    <area shape="rect" coords="60,38,150,66" href="#" alt="Manual" class='basicManual' />
                    <area shape="rect" coords="18,102,87,130" href="#" alt="About" class='basicAbout' />
				</map>
                <p class="clear-left"></p>
            </div>  
            <p class="clear-left"></p>     	
        </div>
        <p class="clear-left"></p>
    </div>
    <p class="clear-left"></p>
</div></div>
</body>
</html>
